<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>会员增加</title>
  <link rel="stylesheet" href="../../../files/css/layui.css" media="all">
<style type="text/css">
	#goodsImg{
		position: relative;
		left:110px;
	}
</style>
</head>
<body>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  <legend>会员增加列表</legend>
</fieldset>
  
<form class="layui-form" action="../../../member/saveOrUpdate.action"  enctype="multipart/form-data"
		method="post">
		<div class="layui-form-item">
			<div class="layui-inline">
				<div class="layui-upload">
					<label class="layui-form-label">上传图片</label>
					<button type="button" class="layui-btn" id="test1">上传图片</button>
					<div class="layui-upload-list" style="margin:10px 54%;">
						<img class="layui-upload-img" id="demo1" width="90px" height="90px">
						<p id="demoText" style="width:120px;margin:10px 0px;"></p>
						<input type="hidden" id="fileName" name="fileName">
					</div>
				</div>
			</div>
		</div>
		
		<div class="layui-form-item">
			<label class="layui-form-label">用户名</label>
			<div class="layui-input-inline">
				<input type="text" name="memName" required lay-verify="required"
					placeholder="请输入用户名" maxlength="9" autocomplete="off" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">密码框</label>
			<div class="layui-input-inline">
				<input type="password" name="memPwd" required
					lay-verify="required" maxlength="12" placeholder="请输入密码" autocomplete="off"
					class="layui-input" class="layui-icon">
			</div>
		</div>
		
		<div class="layui-form-item">
			<label class="layui-form-label">手机号</label>
			<div class="layui-input-inline">
				<input type="text" name="phone" required lay-verify="required"
					placeholder="请输入手机号码" maxlength="11" autocomplete="off" class="layui-input">
			</div>
		</div>
		
		
		<div class="layui-form-item">
			<label class="layui-form-label">简介</label>
			<div class="layui-input-inline">
				<textarea name="introduce" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
			</div>
		</div>

		<div class="layui-form-item">
			<div class="layui-input-block">
				<input type="submit" class="layui-btn" lay-submit=""
					lay-filter="imgAdd" value="立即增加">
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</form>
 

          
<script src="../../../files/js/layui.js"></script>
<script type="text/javascript" src="../../../files/js/jquery.min.js"></script>
<script>
layui.use(['form','upload'], function(){
  var form = layui.form
  ,layer = layui.layer
  ,upload =layui.uload
  ,$ = layui.$;
  form.on('submit(imgAdd)',function(){
	  parent.location.reload(); // 父页面刷新
  });
  
  form.render('select','selFilter'); 
	
	//普通图片上传
	 upload.render({
	    elem: '#test1'
	    ,url: getRootPath()+'image/getFileName.action'
	    ,before: function(obj){
	      //预读本地文件示例，不支持ie8
	      obj.preview(function(index, file, result){
	        $('#demo1').attr('src', result); //图片链接（base64）
	      });
	    }
	    ,done: function(res){
	    	
	      //如果上传失败
	      if(res.num < 0){
	        return layer.msg('上传失败');
	      }
	      //上传成功  
	      
	      $("#fileName").val(res.msg); 
	    }
	    ,error: function(){
	      //演示失败状态，并实现重传
	      var demoText = $('#demoText');
	      demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
	      demoText.find('.demo-reload').on('click', function(){
	        uploadInst.upload();
	      });
	    }
	  });
  
  
});
</script>

</body>
</html>